<%@ page contentType="text/html;charset=UTF-8"%>
<%@ include file="/WEB-INF/views/include/taglib.jsp"%>
<%@ include file="/WEB-INF/views/include/constrant.jsp"%>
<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>定制包车_支付页面</title>
		<link rel="stylesheet" href="${ctxStatic }/gov/css/govcustom.css" />
        <link rel="stylesheet" href="${ctxStatic }/gov/css/gov_total.css" />
        <script type="text/javascript" src="${ctxStatic }/gov/js/jquery-1.8.3.min.js" ></script>
    </head>
    <link rel="stylesheet" href="${ctxStatic }/index/css/popup.css" />
		<script>
			$(function(){
				$('#cancel').click(function(){
					if(confirm('你确定要取消此订单吗?')){
						$('#cancelForm').submit();
					}
				})
				var mes = "${messages}";
				if(mes.length>0){
					alert(mes);
					window.location.href = "${ctxFront }/indexTravelRent";
				}
				var pay=true;
             $('.pay_exp').click(function(){         
                if(pay){
                	   	$('.pay_cicon').css('transform',' rotateZ(-45deg)');
                	   	$('.pay_hj').slideDown('fast');
                	   	pay=false;
                }else{
                	    $('.pay_cicon').css('transform',' rotateZ(135deg)');
                	    $('.pay_hj').slideUp('fast');
                	    pay=true;
                }
             })
                pay!=pay;
                
                $('.pay_btn').click(function(){
                	$('#open_pay').fadeIn();
                })
			})
		</script>
	<body>
		<%@include file="../index/head.jsp" %>
		<form id="payForm" action="${ctxFront}/pay/pay" method="get" target="_blank">
		<input type="hidden" name="orderid" value="${orders.orderid }"/>
		<input type="hidden" name="ordertype" value="${orders.ordertype }"/>
		<div id="custom_pay">
			  <div class="custom_pay_main">
			  	     <div class="custom-notice">
			  	     	 <h5>定制包车预定须知：</h5>
			  	     	 <p>1、重要提示：该产品为定制产品，请您尽快完成支付，以免客运服务商取消报价。</p>
                        <p> 2、费用包含：“${orders.ordername}”司机代驾服务费、车辆使用费、车辆油电费、空驶费、夜间服务费、司机小费、路桥费、停车费、摆渡费。价格不含：超时服务费、司机食宿费。</p>
                        <p>3、司机食宿费一般由订车人安排，如不能安排，由司机向订车人收取相应的食宿补贴，标准为：住宿200元/晚、三餐80元/天。</p>
                        <p> 4、为了保证您的用车安全及良好体验，建议您每日用车时间不超过12小时。否则您需要向司机支付超时服务费。 超时服务费标准：${demand.cartype.typename }：${demand.cartype.outtimefee }元/小时。</p>
                        <p>5、如产生不含费用项请在服务结束后，将钱面付司机。严禁司机额外乱收费，如发现可联系霞客约车客服核实退还。</p>
                         <p>6、取消规则:订车人需要取消订车，按下列标准扣除必要的费用：行程开始前72小时至24小时，按费用总额的30%收取违约金；行程开始前24小时内，按费用总额的50%收取违约金。超过发车时间不可退款。
                         <p>7、开具发票:如需发票，由霞客约车统一开具。请在服务完成后至我的账户—关于发票—立即开票填写开票信息，开票总金额为订单费用。</p>
                          <p>8、定制包车由出发地至目的地以及目的地返回出发地的行车线路，由客运服务商安排选取最优线路。如您需临时更改行车线路，须与客运服务商自行协商，产生的额外费用也由您自行承担。在出发地、目
                                      的地范围内的行车线路和停靠站点可按照您的需求进行安排。</p>
                          <p>9、定制包车服务支持出发城市机场或火车站、长途汽车站、码头等交通换乘点至目的地的单次往返接送，订车人不需另行支付费用。如需增加交通接送服务，须与客运服务商自行协商，产生的额外费用也
                                      由您自行承担。</p>
			  	     </div>
			  	     <div class="go_pay" style="box-sizing: border-box;margin-top: 50px;">
			     	  <p>
			     	  	<b>需支付：</b>
			     	  	<b>￥${orders.dueamount}</b>
			     	  </p>
			     	  <p class="gopay_i">
			     	  	<b>支付方式：</b>
			     	  	<label>
			     	  		<input type="radio" name="payway" checked="checked" value="${TORDERS_PAY_WAY_WXPAY }" />
			     	  		<font>微信支付</font>
			     	  	</label>
			     	  	<label>
			     	  		<input type="radio" name="payway" value="${TORDERS_PAY_WAY_ALIPAY }"/>
			     	  		<font>支付宝支付</font>
			     	  	</label>
			     	  	<a href="javascript:void(0)" class="pay_btn" id="ClickMe" onclick="$('#payForm').submit();">支付</a>
			     	  </p>
			     </div>
			  </div>
		</div>		
		<div id="open_pay">
		 	   <div class="paym_pop">
		 	   	     <div class="pay_overs">
		 	   	     	<a href="${ctxGov}/orderList">支付完成</a>
		 	   	     </div>
		 	   	     <div class="pay_prol">
		 	   	     	<a href="${ctxGov}/orderList">遇到问题</a>
		 	   	     </div>
		 	   </div>
		 </div>
		 </form>
			<%@include file="../index/foot.jsp" %>
	</body>
</html>